.softblue-fontawesome-icon {
  color: #5fa2dd !important;
}

.white-fontawesome-icon {
  color: white !important;
}

.gray_1-fontawesome-icon {
  color: #f0f0f0 !important;
}

.gray_2-fontawesome-icon {
  color: #d0d0d0 !important;
}

.gray_3-fontawesome-icon {
  color: #b0b0b0 !important;
}
/* */
.won-btn-soft-green {
  background-image: inherit;
  background-color: #9cc96b;
  border-color: #90c258;
}
.won-btn-soft-green span{
  color:white;
}
.won-btn-soft-green:hover {
  background-image: inherit;
  background-color: #90b962;
  border-color: #84b351;
}

.won-btn-soft-blue {
  background-image: inherit;
  background-color: #167abc;
  border-color: #136ba5;
}
.won-btn-soft-blue span{
  color:white;
}

.won-btn-soft-blue:hover {
  background-image: inherit;
  background-color: #1470ad;
  border-color: #126398;
}

.won-btn-soft-cyan {
  background-image: inherit;
  background-color: #03b4d5;
  border-color: #039fbc;
}
.won-btn-soft-cyan span{
  color:white;
}
.won-btn-soft-cyan:hover {
  background-image: inherit;
  background-color: #03a6c4;
  border-color: #0292ad;
}

.won-btn-soft-red {
  background-image: inherit;
  background-color: #e44959;
  border-color: #e13345;
}
.won-btn-soft-red span{
  color:white;
}
.won-btn-soft-red:hover {
  background-image: inherit;
  background-color: #d24352;
  border-color: #cf2f3f;
}

.won-btn-soft-purple {
  background-image: inherit;
  background-color: #925e8b;
  border-color: #82547c;
}
.won-btn-soft-purple span{
  color:white;
}
.won-btn-soft-purple:hover {
  background-image: inherit;
  background-color: #865680;
  border-color: #784d72;
}

/*wonght color*/

.won-btn-red {
  background-image: inherit;
  background-color: #DF5555;
  border-color: #DA3636;
}
.won-btn-red span{
  color:white;
}
.won-btn-red:hover {
  background-image: inherit;
  background-color: #DA3636;
  border-color: #B22222;
}

.won-btn-yellow {
  background-image: inherit;
  background-color: #FF920D;
  border-color: #F28500;
}
.won-btn-yellow span{
  color:white;
}
.won-btn-yellow:hover {
  background-image: inherit;
  background-color: #F28500;
  border-color: #D57500;
}

.won-btn-green {
  background-image: inherit;
  background-color: #00A800;
  border-color: #009400;
}
.won-btn-green span{
  color:white;
}
.won-btn-green:hover {
  background-image: inherit;
  background-color: #009400;
  border-color: #008000;
}

.won-btn-purple {
  background-image: inherit;
  background-color: #6B5EB9;
  border-color: #5748AA;
}
.won-btn-purple span{
  color:white;
}
.won-btn-purple:hover {
  background-image: inherit;
  background-color: #5748AA;
  border-color: #483D8B;
}

.won-btn-transparent {
  background-image: inherit;
  background-color: inherit;
  border-color: transparent;
}
/* 分页工具栏 按钮图标的颜色变更*/
.white-awesome-icon {
  color: white;
}